<style>
  :host([hidden]) {
    display: none !important;
  }

  :host {
    display: flex;
    flex-direction: row;
  }

  :host-context([theme='legacy']):host {
    margin: 12px 16px;
  }

  :host-context([theme='refresh23']):host {
    margin: 12px 20px;
  }
</style>

<xf-select id="location-selector" icon="select-location" menuAlignment="start">
</xf-select>
<xf-select id="recency-selector" icon="select-time" menuAlignment="start">
</xf-select>
<xf-select id="type-selector" icon="select-filetype" menuAlignment="start">
</xf-select>
